import React, { useContext } from 'react'
import ContextC from './ContextC'
import MyContext from './MyContext'

const ContextB = React.memo(function ContextB() {
  const theme = useContext(MyContext)
  return (
    <div>
      <div>ContextB</div>
      <div>{theme.num}</div>
      <ContextC></ContextC>
    </div>
  )
})

export default ContextB
